<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>用户管理</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    	<style type="text/css">
    		*{
    			margin: 0;
    			padding: 0;
    		}
    		.foundForm{
    			text-align: center;
    			position: relative;
    			width: 15%;
    		}
    		.orderForm{
    			position: absolute;
    			left: -50%;
    			top: 50%;
    			border: 1px solid black;
    			padding: 10px 0;
    			z-index: 2;
    			cursor: pointer;
    		}
    		
    		.orderForm div{
    			margin-top: 10px;
    		}
    		.orderForm div:hover{
    			border-top: 1px solid black;

    			border-bottom: 1px solid black;
    		}
    		.box .box-header{
    			margin-top: 10px;
    			margin-left: 10px;
    			width: 20%;
    		}
    		.box-title{
    			margin-top: 10px;
    			margin-bottom: 10px;
    		}
    		.box-title .search{
    			margin-left: 10px;
    		}
    		.box-title .search input{
    			height: 34px;
    			border: 1px solid black;
    		}
    		.box-title .search button{
    			margin-left: -4px;
    			margin-top: -3px;
    		}
    		.new-custorm{
    			float: right;
    			margin-right: 10px;
    		}
    		.right-side{
    			padding: 10px;
    		}
    		tr td:nth-child(1){
    			width: 30%;
    		}
    		tr td:nth-child(2){
    			width: 10%;
    		}
    		tr td:nth-child(3){
    			width: 10%;
    		}
    		tr td:nth-child(4){
    			width: 10%;
    		}
    		tr td:nth-child(5){
    			width: 30%;
    		}
    		tr td:nth-child(6){
    			width: 10%;
    		}
    	</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../header.html"/>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <#include "../menu.html"/>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
            	 <section class="content-header">
                    <h1>用户管理列表</h1>
                </section>
                <!-- Main content -->
                <section class="content">
                    <div class="row">
                    	<div class="col-md-12">
                            <div class="box">
                                
                                <div class="box-title">
                                	<span class="search">
                                		<input type="text" />
                                		<button type="button" class="btn btn-primary">搜索</button>
                                	</span>
                                	<span class="new-custorm">
                                		<button type="button" onclick="window.location.href='add'" class="btn btn-primary">新增用户</button>
                                	</span>
                                	<div class="clear" style="clear: both;"></div>
                                </div>
                                <div class="box-signel">
                                	<table class="table table-bordered">
                                		<tr>
                                			<td><a href="#">账号</a></td>
                                			<td><a href="#">姓名</a></td>
                                			<td><a href="#">上级领导</a></td>
                                			<td><a href="#">状态</a></td>
                                			<td><a href="#">备注</a></td>
                                			<td><a href="#">操作</a></td>
                                		</tr>
                                	</table>
                                </div>
                                <div>
                                	<table class="table table-bordered">
                                		<#list sysUserList as sysUser>
                                		<tr>
                                			<td class="col-md-3">
                                				${sysUser.email!}
                                			</td>
                                			<td>${sysUser.name!}</td>

                                			<td>${sysUser.superiorName!}</td>

                                			<td><#if sysUser.status??><#if sysUser.status==1>启用<#else>禁用</#if></#if></td>

                                			<td>${sysUser.memo!}</td>
                                			<td class="col-md-1 foundForm">
                                				
                                				<div class="">
                                					<a href="edit?userId=${sysUser.id}">编辑</a>
                                			
                                					<a href="#">删除</a>
                                				</div>
                                			</td>
                                		</tr>
                                	</#list>
                                	</table>
                                </div>
                                
                                <div class="box-footer clearfix">
                                    <ul class="pagination pagination-sm no-margin pull-right">
                                        <li><a href="#">首页</a></li>
                                        <li><a href="#">上一页</a></li>
                                        <li><a href="#">下一页</a></li>
                                        <li><a href="#">尾页</a></li>
                                    </ul>
                                </div>
                            </div><!-- /.box -->

                            
                        </div><!-- /.col -->
                        
                    </div><!-- /.row -->
                    
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
		
        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
    </body>
</html>                